<% include ../aside.ejs %>
<section class="white">
    <div id="transition">
        <div class="wrap">
            <div class="front"></div>
            <div class="back"></div>
        </div>
    <pre>
    .wrap{
        width: 345px;
        transform-style: preserve-3d;
        transition: all 1s;
        transform: rorateY(0deg);

        .front {
          width: 345px;
          position: absolute;
          backface-visibility: hidden;
          transform: rorateY(0deg);
        }

        .back {
          width: 345px;
          position: absolute;
          backface-visibility: hidden;
          transform: rotateY(180deg);
        }
      }

    .wrap:hover{
        transition: all 1s;
        transform: rotateY(180deg);
    }
    </pre>
    </div>
</section>
<% include ../section.ejs %>